.page {
    background-color: whitesmoke;
    min-height      : 100vh;

    .swiper {
        height: 276Px;
        width : 100%;
    }

    .swiperItemImg {
        width : 100%;
        height: 100%;
    }


    .mediaInfo {
        // .bordered();
        padding         : 20Px;
        background-color: white;
        font-weight     : normal;
        text-align      : left;

        .curPrice {
            vertical-align: middle;
            font-size     : 22Px;
            line-height   : 24Px;
            font-weight   : bolder;
            color         : #4a90e2;
            margin        : 2Px 0 8Px;

            &:before {
                content     : '￥';
                font-size   : 16Px;
                line-height : 22Px;
                margin-right: 2Px;
                font-weight : 500;
            }
        }

        .price {
            font-size      : 12Px;
            color          : #999;
            line-height    : 16Px;
            margin         : 2Px 0 8Px;
            text-decoration: line-through;

            &:before {
                content        : '价格';
                text-decoration: none;
                margin-right   : 4Px
            }
        }

        .mediaInfoTitle {
            width      : 88%;
            font-size  : 16Px;
            line-height: 20Px;
            font-weight: 500;
            text-align : left;
            word-break : break-all;
            word-wrap  : break-word;
            color      : #323233
        }

        .mediaInfoSubTitle {
            margin-top: 8Px;
            color     : #999;
            font-size : 13Px;

            .subTitleFirstItem {
                display      : inline-block;
                color        : #969799;
                padding-right: 16Px
            }

            .subTitleSecondItem {
                display: inline-block;
                color  : #323233
            }
        }

    }

    .infoBar {
        width           : 100%;
        padding         : 13Px 16Px;
        margin          : 8Px 0;
        font-size       : 13Px;
        line-height     : 18Px;
        box-sizing      : border-box;
        background-color: #fff;

        .name {
            display: inline-block;
            color  : #999;
            width  : 10%;
        }

        .value {
            display: inline-block;
            width  : 70%;
        }

        .info {
            display   : inline-block;
            color     : #999;
            width     : 20%;
            text-align: right;
        }
    }

    .recommend {
        background: white;
        padding   : 15Px 0;

        .recommendTitle {
            text-align: center;
            font-size : 16Px;
            margin    : 20Px 0;
        }

        .columnListContainer {
            width          : 100%;
            display        : flex;
            flex-flow      : row wrap;
            justify-content: space-evenly;
        }

        .divToTwo {
            width: 42%;
            // margin-top为父容器宽度的2%，在这里也就是屏幕宽度的2%
            margin-top: 2%;
        }
    }

    .tabBar {
        position       : fixed;
        height         : 50Px;
        width          : 100%;
        bottom         : 0;
        display        : flex;
        justify-content: space-evenly;
        background     : white;
        align-items: center;
        z-index: 1001;
        .tabBarItem {
            flex: 1;
            font-size: 12Px;
            text-align: center;
            color: gray;
        }

        .tabBarItemLast {
            flex       : 4;
            display    : flex;
            font-weight: 500;
            font-size  : 16Px;
            text-align: center;
            height: 42Px;
            line-height: 42Px;
            padding-right: 8Px;
            .rightRoundBox {
                border-radius: 25Px 0 0 25Px;
                width        : 50%;
                background   : #dbe9f9;
                color        : #4990e2;
                
            }

            .leftRoundBox {
                border-radius: 0 25Px 25Px 0;
                width        : 50%;
                background   : #4990e2;
                color        : #fff;
            }
        }
    }
    .button {
        width: 25%;
        font-size: 17Px;
        height: 42Px;
        line-height: 40Px;
        margin-top: 30Px;
    }
}